<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="阿福易购">
    <meta content="telephone=no" name="format-detection" />
    <meta content="email=no" name="format-detection" />
    <!-- uc、qq浏览器 -->
    <meta name="screen-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-page-mode" content="app">
    <meta name="HandheldFriendly" content="true">
    <meta name="MobileOptimized" content="320">
    <meta name="keywords" content="{{$SEO['keywords']}}"/>
    <meta name="description" content="{{$SEO['description']}}"/>
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <title>个人中心_{{$SEO['title']}}</title>
    <link rel="stylesheet" href="{{ asset('/build/css/app.min.css') }}">
</head>
<body ontouchstart="">
<header class="ui-header ui-header-stable af-header" style="position: relative">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start">
            <i data-href="/" class="ui-icon-return af-icon-home"></i>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>个人中心</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">
             <i data-href="/setting"  class="ui-icon-set af-icon-cart"></i>
        </li>
    </ul>
</header>

<footer class="ui-footer af-footer">
    <ul class="ui-tiled">
        <li onclick="window.location.href='/'"><i class="ui-icon-hall"></i><div class="menu">首页</div></li>
        <li onclick="window.location.href='/cat'"><i class="ui-icon-scan"></i><div class="menu">分类</div></li>
        <li onclick="window.location.href='/cart'"><i class="ui-icon-cart"></i><div class="menu">购物车</div></li>
        <li class="current " onclick="window.location.href='/user'"><i class="ui-icon-personal"></i><div class="menu">我的</div></li>
    </ul>
</footer>
@inject('orderService','App\Interfaces\OrderService')
@inject('CollectionService','App\Interfaces\CollectionService')
<div class="ui-container" style="border-top: 0px;">
    <section class="ui-my-header border-b">
        <div class="ui-header-avatar">
            <div class="ui-avatar-lg">
                <span style="background-image:url(images/avatar.png)"></span>
            </div>
            <h1>{{$user->user_name}}</h1>
        </div>


        <div class="ui-header-menu">
            <ul class="ui-tiled">
                <li onclick="window.location.href='/collection?type=GOODS'"><i class="iconfont ">&#xe643;</i> <div>商品收藏</div></li>
                <li onclick="window.location.href='/collection?type=SHOP'"><i class="iconfont">&#xe663;</i><div>店铺收藏</div></li>
                <li onclick="window.location.href='/my/coupon'"><i class="iconfont ">&#xe65a;</i><div>优惠券</div></li>
            </ul>
        </div>

    </section>

    <section class="ui-my-toolbar ui-border-tb ">
        <h2 class="ui-arrowlink " onclick="window.location.href='/my/order'">我的订单</h2>
        <div class="content ui-border-t ">
            <ul class="ui-tiled">
                <li onclick="window.location.href='/my/order?condations[order_status]=1'" class="ui-my-toolbar-item ui-border-r ui-badge-wrap"><i class="iconfont">&#xe600;</i>@if($orderService->countOrders($user_id,1))<div class="ui-badge-cornernum">{{$orderService->countOrders($user_id,1)}}</div>@endif<div>待付款</div></li>
                <li onclick="window.location.href='/my/order?condations[order_status]=2'" class="ui-my-toolbar-item ui-border-r ui-badge-wrap"><i class="iconfont">&#xf003f;</i>@if($orderService->countOrders($user_id,2))<div class="ui-badge-cornernum">{{$orderService->countOrders($user_id,2)}}</div>@endif<div>待发货</div></li>
                <li onclick="window.location.href='/my/order?condations[order_status]=3'" class="ui-my-toolbar-item ui-border-r ui-badge-wrap"><i class="iconfont">&#xe62d</i>@if($orderService->countOrders($user_id,3))<div class="ui-badge-cornernum">{{$orderService->countOrders($user_id,3)}}</div>@endif<div>待收货</div></li>
                <li onclick="window.location.href='/my/order?condations[order_status]=4'" class="ui-my-toolbar-item ui-border-r ui-badge-wrap"><i class="iconfont">&#xe625;</i>@if($orderService->countOrders($user_id,4))<div class="ui-badge-cornernum">{{$orderService->countOrders($user_id,4)}}</div>@endif<div>待评价</div></li>
                <li onclick="window.location.href='/wap/my/refund'" class="ui-my-toolbar-item"><i class="iconfont">&#xe602;</i>@if($refundGoodsNumber)<div class="ui-badge-cornernum">{{$refundGoodsNumber}}</div>@endif<div>退换货</div></li>


            </ul>
        </div>
    </section>

    <section class="ui-my-toolbar ui-border-tb ">
        <h2 class="ui-arrowlink tool-item " onclick="window.location.href='/my/address'">
            <i style="font-size: 30px;text-indent: -4px;" class="ui-icon-pin ui-tool-icon"></i>
            <span>收货地址</span></h2>
    </section>

    <section class="ui-my-toolbar ui-border-tb ">
        <h2 class="tool-item">
            <span><i class="ui-icon-bugle ui-tool-icon"></i></span>
            <span>客服热线<a style="padding-left: 20px;" href="tel:4001810068">400-181-0068</a></span>
            <span class="ui-txt-muted" style="padding-left: 10px;font-size: 12px;">( Am 08:30-PM 18:00 )</span></h2>
    </section>
    <section class="ui-my-toolbar ui-border-tb ">
        <h2 class="ui-arrowlink tool-item "  onclick="window.location.href='/help/index'">
            <i class="ui-icon-info ui-tool-icon"></i>
            <span>关于我们</span>
        </h2>
    </section>
</div>

<script src="{{ asset('/build/lib/zepto.min.js') }}"></script>
<script src="{{ asset('/build/js/frozen.js') }}"></script>
<script src="{{ asset('/build/js/app.min.js') }}"></script>
</body>
</html>